//轮播图
var lis = document.querySelector(".lbul").querySelectorAll("li");
var lb = document.querySelector("#lunbo");
var num = 1;
//定时换图
setInterval(function(){
	lis[num-1].style = 'background-color:#b4b3b3;';
	num++;
	if(num==5){
		num = 1;
	}
	// console.log(num);
	lb.src=`images/${num}.png`;
	lis[num-1].style = `background-color: white;`;
},2000)

//点击换图
// lis[0].addEventListener("click",function(){
// 	lb.src=`images/1.png`;
// })
// lis[1].addEventListener("click",function(){
// 	lb.src=`images/2.png`;
// })
// lis[2].addEventListener("click",function(){
// 	lb.src=`images/3.png`;
// })
// lis[3].addEventListener("click",function(){
// 	lb.src=`images/4.png`;
// })

lis.forEach(function(val,index){
	lis[index].onclick = function(){
		lb.src=`images/${index+1}.png`;
		val.style = `background-color: white;`;
		
	}
})


//查看更多


var hul = document.querySelectorAll(".imgul");
var hmore = document.querySelector(".hmore");
var nmore = document.querySelector(".more");
	hmore.addEventListener("click",function(){
	var himg = document.querySelector(".hotimages");
	
	var x = 0;
	himg.appendChild(hul[x]);
	x++;
})
nmore.addEventListener("click",function(){
	var nimg = document.querySelector(".newimages");
	
	var x = 0;
	nimg.appendChild(hul[x]);
	x++;
})